<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>表单实例1</title>
</head>
<body>
<!--<center>--> <!-- 居中标签 使表单居中 显然效果不好 -->
    <form action="" method="post">
        <!-- 账号  文本输入框-->
        <lable for="name">账号:</lable>
        <input type="text" id="name" name="name" required>
        <br>

        <!-- 密码 文本输入框 -->
        <label>密码:</label>
        <input type="password" id="password" name="password">
        <br>

        <!-- 性别 单选按钮 -->
        <label>性别:</label>
        <input type="radio" id="male" name="sex" value="男" checked>
        <label for="male">男</label>
        <input type="radio" id="female" name="sex" value="female">
        <label for="female">女</label>
        <br>

        <!-- 兴趣爱好 复选框 -->
<!--        <input type="checkbox" id="hobby" name="hobby" checked>-->
<!--        <label for="hobby">篮球</label>-->
<!--        <label for="hobby">足球</label>-->
<!--        <label for="hobby">排球</label>-->
        <input type="checkbox"  name="hobby" value="篮球" checked>篮球
        <input type="checkbox"  name="hobby" value="足球" >足球
        <input type="checkbox"  name="hobby" value="排球" >排球
        <br>

        <!-- 国籍 下拉框 -->
        <label for="country">国家</label>
        <select id="country" name="country">
            <option value="中国">中国</option>
            <option value="美国">美国</option>
            <option value="韩国">韩国</option>
        </select>
        <br>

        <!-- 个人简介 下拉框 -->
        <textarea rows="10" cols="30">
        个人简介
        </textarea>
        <br>
        出生年月:
        <input type="text" size="1" name="year"placeholder="yyyy" id="" value="" />年
        <select name="month">
            <option value ="0">[选择月份]</option>
            <option value ="1">1月</option>
            <option value ="2">2月</option>
            <option value ="3">3月</option>
            <option value ="4">4月</option>
            <option value ="5">5月</option>
            <option value ="6">6月</option>
            <option value ="7">7月</option>
            <option value ="8">8月</option>
            <option value ="9">9月</option>
            <option value ="10">10月</option>
            <option value ="11">11月</option>
            <option value ="12">12月</option>
        </select>
        <input type="text" size="1" name="day" placeholder="dd"/>日<br>
        <!-- 提交按钮 -->
        <input type="submit" name="submit" value="按钮">

        <!-- 将<input>标签内按钮类型从type="submit"修改为type="button"  submit是默认提交当前表单-->

    </form>
<!--</center>-->
</body>
</html>